// 全局变量
@primary-color: #07c160;
@bg-color: #f7f7f7;
@text-color: #333;
@border-color: #ebedf0;

// 动画
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.slide-up-enter-active,
.slide-up-leave-active {
  transition: transform 0.3s ease;
}

.slide-up-enter-from,
.slide-up-leave-to {
  transform: translateY(100%);
}

// 公共样式
.page-container {
  min-height: 100vh;
  background-color: @bg-color;
}

.hover-effect {
  &:active {
    background-color: #f2f3f5;
    transition: background-color 0.2s;
  }
} 